/****************************
	签到抽奖
****************************/
html,body {height: 100%;}
body {font-size:.28rem;background: #f3f5f9;
  background: -webkit-radial-gradient(#fcd58c, #fd766d);
  background: -o-radial-gradient(#fcd58c, #fd766d);
  background: -moz-radial-gradient(#fcd58c, #fd766d);
  background: radial-gradient(#fcd58c, #fd766d);
}

/*遮罩*/
.actMask {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);top:0;left:0;z-index:500;}

/*vue 动画设定*/
.fade-enter-active, .fade-leave-active {
    		transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
}
.fade-enter, .fade-leave-to {
    opacity: 0
}
.slide-fade-enter-active,.slide-fade-leave-active{
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.slide-fade-enter, .slide-fade-leave-to{
	-webkit-transform: translateY(-.2rem);
	transform: translateY(-.2rem);
}
.slide-fade-leave-to {
	opacity: 0;
}

.luckdraw {position: relative;}
.luckdraw .info-top {font-size: .36rem;text-align: center;position: relative;top:.44rem;}
.luckdraw .info-top span {color: #ffe586;margin: 0 .1rem;}
.lottery img {position: absolute;top: 50%;left: 50%;cursor: pointer;width: 100px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-user-select:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
.luckdraw .info-bot {text-align: center;color: #fff;position:absolute;width: 100%; bottom:0;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.luckdraw .info-bot .icon {display: inline-block;width: .36rem;height: .34rem;position: relative;overflow: hidden;top:.05rem;right:.08rem;}
.luckdraw .info-bot .icon:before {background-position: 0 -4.65rem;}
.luckdraw .info-bot .level {top:.04rem;margin:0 .04rem;}
.luckdraw .info-bot .name {margin:0 .04rem 0 .08rem;color: #fff890;}
.lottery {position: relative;width:7rem;height:7.2rem;margin: 0 auto;}
.lottery canvas {width:100%;}

/*弹层*/
.popup-prize {position: absolute;top:20%;left:50%;width: 80%;height: 6.2rem;left:10%;background:url(../images/img_3.png) repeat #ffe9a1;border-radius:.18rem;padding-top: .4rem;overflow: hidden;z-index: 1000;}
.popup-prize:before {content: "";position: absolute;width: 2rem;height: 2rem;background:rgba(255,255,255,.7);border-radius: 1rem;top:0;left:50%;-webkit-filter: blur(.3rem);filter: blur(.3rem);z-index: -1;box-shadow: 0 0 3rem rgba(255,255,255,1);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.popup-prize h6 {font-size: .36rem;text-align:center;color: #915a00;}
.popup-prize .prize {text-align: center;}
.popup-prize .prize img {width:4.64rem;;}
.popup-prize .info {background: url(../images/pop_1.png) no-repeat;background-size: cover;height: 4.14rem;position: absolute;width: 100%; left:0;bottom: 0;text-align: center;z-index: 5;}
.popup-prize .info ul {color: #fff;margin-top:1.14rem;font-size: .24rem;}
.popup-prize .info ul li:nth-child(2) {font-size: .44rem;font-weight: bold;color: #ffe082;margin:.1rem 0 .26rem;}
.popup-prize .btn {margin:.14rem .54rem;}
.popup-prize .btn a {display: block;font-size:.36rem;width: 2.24rem;height:.88rem;line-height: .88rem;border-radius:.1rem;}
.popup-prize .btn a:first-child {color: #fff;border:1px solid #fff;}
.popup-prize .btn a:last-child {color: #d61b10;border:1px solid #fee182;background: #fee182;}

